<!--退质押金详情-->
<template>
  <div>
    <a-descriptions  bordered v-if='loaded' size='small'>
      <a-descriptions-item label='收款日期'>
        {{depositForm.payDate}}
      </a-descriptions-item>
      <a-descriptions-item label='收款单号'>
        {{depositForm.depositNo}}
      </a-descriptions-item>
      <a-descriptions-item label='单位名称'>
        YES
      </a-descriptions-item>
      <a-descriptions-item label='Order time'>
        2018-04-24 18:00:00
      </a-descriptions-item>
      <a-descriptions-item label='Usage Time' :span='2'>
        2019-04-24 18:00:00
      </a-descriptions-item>
      <a-descriptions-item label='Status' :span='3'>
        <a-badge status='processing' text='Running' />
      </a-descriptions-item>
      <a-descriptions-item label='Negotiated Amount'>
        $80.00
      </a-descriptions-item>
      <a-descriptions-item label='Discount'>
        $20.00
      </a-descriptions-item>
      <a-descriptions-item label='Official Receipts'>
        $60.00
      </a-descriptions-item>
      <a-descriptions-item label='Config Info'>
        Data disk type: MongoDB
        <br />
        Database version: 3.4
        <br />
        Package: dds.mongo.mid
        <br />
        Storage space: 10 GB
        <br />
        Replication factor: 3
        <br />
        Region: East China 1<br />
      </a-descriptions-item>
    </a-descriptions>

  </div>
</template>
<script>
import api from "../../../js/api"


export default {
  name: "RefundDepositDetails",
  components: {},
  data() {
    let me = this
    //操作按钮
    let operator = []
    return {
      api: Object.assign(api, this.api),
      loaded: false,
      depositForm: {}
    }
  },
  created() {
  },
  methods: {
    setData(data) {
      if (data && data.paymentId) {
        this.http.get(this, {
          url: this.api.payment.get,
          params: {
            paymentId: data.paymentId,
            handlerName: "hyRefundDepositGetHandler"
          },
          success: function(me, data) {
            me.depositForm = data
            me.loaded = true
          }
        })
      }
    },

    /**
     * 刷新列表
     */
    onLoad() {
      this.$emit("changeTab")
    }
  }
}
</script>